<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>爱厨房食材购买</title>
<meta http-equiv="X-UA-Compatible" content="IE=100">
<!--[if lt IE 7]><script>try { document.execCommand('BackgroundImageCache', false, true); } catch (e) {}</script><![endif]-->
<link href="http://www.ichufang.cn/static/css/global.css" rel="stylesheet" type="text/css" media="screen">
<script type="text/javascript" src="http://libs.useso.com/js/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://www.ichufang.cn/static/js/jquery.soChange.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body style="background: #fff;">
<style>
.index_imgbox_ad{width:300px;overflow:hidden;position:relative;}
.index_imgbox_ul_ad{width:250px;height:330px;float:left;}
.index_imgbox_ul_ad li{position:absolute;left:0px; top:0px;height:330px;width:250px;background:#fff;}
.index_imgbox_ul_ad li a.more{display:block;height:30px;line-height:30px;color:#999;text-align:center;font-size:12px;text-indent:50px;}
.index_imgbox_ul_ad li a.more strong{color:#ff3232;}
.index_imgbox_ul_ad li a.more:hover{text-decoration:underline;color:#ff3232;}
.index_imgbox_ul_ad li div.con{width:250px;}
.index_imgbox_ul_ad li div.con{height:80px;width:230px;padding:0px 10px 10px;}
.index_imgbox_ul_ad li div.con a.img{display:block;height:80px;width:80px;float:left;}
.index_imgbox_ul_ad li div.con a.img img{display:block;height:80px;width:80px;}
.index_imgbox_ul_ad li div.c{width:140px;float:left;height:80px;padding-left:10px;}
.index_imgbox_ul_ad li div.c h5{line-height:20px;height:40px;font-size:12px;color:#333;}
.index_imgbox_ul_ad li div.c h5 a{color:#333;}
.index_imgbox_ul_ad li div.c h5 a:hover{text-decoration:underline;color:#f60;}
.index_imgbox_ul_ad li div.c strong.price{display:block;height:24px;line-height:24px;color:#f60;font-family: arial;font-size:18px;}
.index_imgbox_ul_ad li div.c span{color:#999;line-height:18px;}
.index_imgbox_num_ad{float:left;width:50px;background:#f3f3f3;height:330px;}
.index_imgbox_num_ad li{height:30px;width:50px;float:left;}
.index_imgbox_num_ad li a{height:30px;width:50px;display:block;text-align:center;line-height:30px;color:#666;}
.index_imgbox_num_ad li a.now{height:30px;width:50px;background:#ff3232;color:#fff;}
a,img{border:0px!important;}
</style>
<div class="index_imgbox_ad">
    <ul class="index_imgbox_ul_ad">
        <?php foreach ($names as $value) :?>
        <li> 
            <a data-type="2" biz-keyword="<?=$value?>" data-tmpl="220x290" data-tmplid="9" data-rd="2" data-style="2" data-border="0" href="#"></a>
        	<a class="more" target="_blank" href="http://ai.taobao.com/search/index.htm?key=<?=$value?>&pid=mm_14776594_9156499_30862315">查看更多<strong><?=$value?></strong>商品</a>
        </li>
        <?php endforeach;?>
    </ul>

    <ul class="index_imgbox_num_ad">
        <?php $i = 0;?>
        <?php foreach ($names as $value) :?>
        <?php $i++;?>
            <li><a href="javascript:void(0)" class="<?php if($i !=0){echo 'now';}?>"><?=$value?></a></li>
        <?php endforeach;?>
    </ul>
</div>
<script>
if ($('.index_imgbox_ul_ad li').length > 0) {
    $('.index_imgbox_ul_ad li').soChange({
        thumbObj: '.index_imgbox_num_ad li a',
        type: "fade"
    })
}
</script>
<script type="text/javascript">
(function(win,doc){ 
    var s = doc.createElement("script"), h = doc.getElementsByTagName("head")[0]; 
        if (!win.alimamatk_show) { 
            s.charset = "gbk"; 
            s.async = true; 
            s.src = "http://a.alimama.cn/tkapi.js"; 
            h.insertBefore(s, h.firstChild); 
        }; 
    var o = { 
        pid: "mm_14776594_9156499_30858576",/*推广单元ID，用于区分不同的推广渠道*/ 
        appkey: "",/*通过TOP平台申请的appkey，设置后引导成交会关联appkey*/ 
        unid: "",/*自定义统计字段*/
        plugins:[{name:"keyword"}] 
    }; 
    win.alimamatk_onload = win.alimamatk_onload || []; 
    win.alimamatk_onload.push(o); 
})(window,document);
</script></body></html>